@charset "utf-8";



@media screen and (max-width: 930px) and (orientation:portrait) {
	.slogan{
		font-size: 1.5vw;
		margin: 20vw 0 10vw 0;
	}
	.prdcbox {
		width: 20%;
	}
	.prdcbox p {
		font-size: 1.2vw;
	}
	.boxes{
		margin-bottom: 40%;
	}
	.prdcbox2::after {
		height: 83%;
		border: solid 1px white;
	}
	.prdcbox p {
		font-size: 1.6vw;
		padding: 3vw 0.5vw;
	}

}
@media screen and (max-height: 770px) and (orientation:landscape) {
	.homeCont {
		display: flex;
		padding: 1vw 2vw;
	}
	.slogan {
		padding-top: 4vw;
		vertical-align: top;
		font-size: 1.3vw;
		margin: 0 5vw;
	}
	.slogan {
		width: 29%;
	}
	.boxes {
		width: 70%;
	}
	.prdcbox {
		display: inline-block;
		vertical-align: bottom;
		width: 17%;
	}
	.prdcbox2::after {
		top: 0.7vw;
		left: 0.6vw;
		border: solid 1px white;
	}
	.prdcbox p {
		font-size: 1.3vw;
		padding: 0.2vw 0.5vw;
		
	}
}

@media screen and (min-width: 1260px){
	.slogan{
		line-height: 26px;
		margin: 52px 0 39px 0;
		font-size: 16px;
	}
	.prdcbox {
		margin: 13px;
		padding:5px;
	}
	.prdcbox::after {
		top: 13px;
		left: 9px;
	}
	.prdcbox p {
		font-size: 18px;
		padding: 26px 2px;
		min-height: 50px;
	}
}